<%-- 
    Document   : login
    Created on : Aug 22, 2013, 4:48:29 PM
    Author     : tungavg
--%>
<div id="login-popup" class="login-wrapper box">
    <div id="error-msg" class="error-msg hidden">Please correction your input fill before sign up!</div>
    <div class="close-button" data="closeLoginPopup"></div>
    <div class="panel left">
        <img src="../images/logo.png" class="logo-icon"/>
    </div>
    <div class="panel right">
        <div id="signin-popup">
            <div class="look-caption page-title">Sign in</div>
            <div class="look-caption">Username</div>
            <input id="username-login" type="text" class="common-input" name="usernameLogin"
                   placeholder="Enter your username"/>

            <div class="look-caption">Password</div>
            <input id="password-login" type="password" class="common-input" name="passwordLogin"
                   placeholder="Enter your password"/>

            <div class="button-wrapper">
                <div class="action-link" data="signupPopup">Sign up now</div>
                <div class="button" data="login">Login</div>
            </div>
        </div>

        <div id="register-popup">
            <div class="look-caption page-title">Sign up</div>
            <div class="look-caption">Account info</div>
            <input id="username-input" type="text" class="common-input" name="username"
                   placeholder="Enter your username"/>
            <input id="email-input" type="email" class="common-input" name="email" placeholder="Enter your email"/>
            <input id="password-input" type="password" class="common-input" name="password"
                   placeholder="Your password"/>
            <input type="text" class="common-input" name="address" placeholder="Your address"/>

            <div class="look-caption">Upload your avatar</div>
            <div class="tag-image">
                <div class="upload-button">
                    <input type="file" id="file-upload" style="position: absolute; visibility: hidden;">
                    <a data="avatarUpload"  onclick="$id('file-upload').click();">Click to upload your
                        avatar</a>
                </div>
                <div class="image-wrapper">
                </div>
            </div>
            <div class="button-wrapper">
                <div class="action-link" data="loginPopup">Login now</div>
                <div class="button" data="signup">Sign up</div>
            </div>
        </div>
    </div>
</div>
